body {font-size: 14px;font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体",sans-serif;background-color:#F5F2EF;padding:0px;margin:0px;}

.defaut-top {position: fixed;width: 100%;height: 80px;background: none;z-index: 999;opacity:1;filter:alpha(opacity=100);padding-top:14px;}
.defaut-top li a{font-size: 14px;color: #ffffff;font-weight: lighter;opacity:0.8;filter:alpha(opacity=80);cursor: pointer;}
.defaut-top li a:hover{font-weight: lighter;color: rgba(255,255,255,.5);background: none;}
.defaut-top .bolder {font-weight: lighter;color: #AD4C37;opacity:0.8;filter:alpha(opacity=80);}
.defaut-top .mbg-weibo {background-position: -200px -375px;cursor: pointer;width: 30px;height: 30px;margin-top:-4px;}
.defaut-top .mbg-weixin {background-position: -160px -375px;cursor: pointer;width: 30px;height: 30px;margin-top:-4px;}
.defaut-top .mbg-weibo:hover {background-position: -280px -375px;cursor: pointer;width: 30px;height: 30px;margin-top:-4px;}
.defaut-top .mbg-weixin:hover {background-position: -240px -375px;cursor: pointer;width: 30px;height: 30px;margin-top:-4px;}
.defaut-top .icon_top_logon {background-image: url('/res/v4/pc/img/ico-bg-white.png');background-size:40px 48px;width: 40px;height: 48px;}

.defaut-top .icon_weixin {background-image: url('/res/v4/pc/img/weixin_1_0.png');background-size:28px 28px;width: 28px;height: 28px;margin-top:-4px;}
.defaut-top .icon_weibo {background-image: url('/res/v4/pc/img/weibo_1_1.png');background-size:28px 28px;width: 28px;height: 28px;margin-top:-4px;}
.defaut-top .icon_weixin:hover {background-image: url('/res/v4/pc/img/weixin_1_1.png');background-size:28px 28px;width: 28px;height: 28px;margin-top:-4px;}
.defaut-top .icon_weibo:hover {background-image: url('/res/v4/pc/img/weibo_1_0.png');background-size:28px 28px;width: 28px;height: 28px;margin-top:-4px;}



.fix-top {position: fixed;width: 100%;height: 80px;background: #fff;z-index: 999;opacity:1;filter:alpha(opacity=100);padding-top:14px;border:1px solid #e6e6e6;}
.fix-top li a{font-size: 14px;color: rgb(51,51,51);font-weight: lighter;opacity:0.8;filter:alpha(opacity=80);cursor: pointer;}
.fix-top li a:hover{font-weight: lighter; color: rgba(51,51,51,.5);}
.fix-top .mbg-logo {background-position: -329px -385px;width: 60px;height: 60px;margin-top:-5px;cursor: pointer;}
.fix-top .icon_top_logon {background-image: url('/res/v4/pc/img/ico-bg-black.png');background-size:40px 48px;width: 40px;height: 48px;}
.home-QR-code {position: fixed;top:55px;right:17px;z-index: 3;display: none}
.link-weixin img{width: 24px;margin-top:6px;}
.navbar-nav {list-style: none;margin-top: 15px;}
.navbar-nav li{width: 110px;}
.navbar-nav li.img-link{width: 75px;}
.navbar-nav li a{text-decoration: none;}
.mbg {display: inline-block;background-image:url("/res/v3/pc/img/mbg.png");background-repeat:no-repeat;background-size:615px;}
.mbg-swords {background-position: -0px -235px;width: 620px;height: 75px;}
.mbg-download-ios { background-position: -0px -176px;width: 162px;height: 48px;cursor: pointer;}
.mbg-download-android {background-position: -180px -176px;width: 162px;height: 48px;cursor: pointer;}
.mbg-download-sao {background-position: -360px -176px;width: 162px;height: 48px;cursor: pointer;}
.mbg-home-play {background-position: 0px 0px;width: 82px;height: 82px;cursor: pointer;}
.mbg-item-play {background-position: -96px -20px;width: 41px;height: 41px;cursor: pointer;margin-top:50px;}
.mbg-page2-title {background-position: 0px -313px;width: 353px;height: 40px;}
.mbg-page3-1 {background-position: 0px -101px;width: 53px;height: 57px;cursor: pointer;}
.mbg-page3-2 {background-position: -90px -101px;width: 55px;height: 57px;cursor: pointer;}
.mbg-page3-3 {background-position: -180px -101px;width: 55px;height: 57px;cursor: pointer;}
.mbg-page3-4 {background-position: -355px -101px;width: 63px;height: 57px;cursor: pointer;}
.mbg-page3-5 {background-position: -270px -101px;width: 55px;height: 57px;cursor: pointer;}
.mbg-classical {background-position: 0px -368px;width: 55px;height: 225px;}
.mbg-find {background-position: -65px -368px;width: 55px;height: 200px;}
.mbg-close {background-position: -137px 0px;}
.home-button-group {margin-top:87px;}
.home-button-group span{ margin:0 8px;}
.headlogo {padding-left:52px;padding-top:3px;}
.home-play {margin-top:95px;}
.vclose {background-size:500px;width:73px;height: 73px;position: absolute;right:20px; top:15px;cursor:pointer;z-index: 10000;}
.vclose:hover {opacity:0.9}


html {font-size:50px;min-width: 1340px;}
body {0.28rem;}
.li-download {margin-right:0.8rem;position: relative;cursor: pointer;}
.btn-cirl-red {border:1px solid #c55936;color:#c55936;padding:0.1rem 0.3rem; border-radius: 0.3rem;outline: none;}
.headpagebg {position: absolute;width: 100%;}
.center {text-align: center;}
.relative {position: relative}
.clear {clear: both;}
.hide {display: none;}
.pagecontent {position: relative;height:820px;margin:0 auto;z-index: 1;padding-top:205px;}
.pagecontent div {text-align: center}
.download-QR-code {position: fixed;top:50%;right:0.3rem; z-index: 3;width:3rem;margin-top: -1.8rem;}
.head-bottom  {background: #fff;}
.icon {display: inline-block;background-repeat:no-repeat;background-size:51.2px;width: 51.2px;height: 51.2px;}
.icon_1_1 {background-image: url('/res/v4/pc/img/icon_1_1.png')}
.icon_1_2 {background-image: url('/res/v4/pc/img/icon_1_2.png')}
.icon_1_3 {background-image: url('/res/v4/pc/img/icon_1_3.png')}
.icon_1_4 {background-image: url('/res/v4/pc/img/icon_1_4.png')}
.icon_1_5 {background-image: url('/res/v4/pc/img/icon_1_5.png')}

.icon_to_right {background-image: url('/res/v4/pc/img/icon_to_right.png');background-size:7px 12px;width: 7px;height: 12px;margin-top:76px;}
.icon_left {background-image: url('/res/v4/pc/img/icon_left.png');left:0;}
.icon_right {background-image: url('/res/v4/pc/img/icon_right.png');right:0;}
.icon_turnpage {position: absolute;background-size:0.8rem 1.52rem;width: 0.8rem;height: 1.52rem;top:8.5rem;cursor:pointer;z-index: 99;}

.icon_head_logo {
    background-image: url('/res/v4/pc/img/head_logo.png');
    background-size: 300px 290px;
    width: 300px;
    height: 290px;
}
.icon_head_title {
    background-image: url('/res/v4/pc/img/head_title.png?v=20240109');
    background-size: 380px;
    width: 380px;
    margin-top: 0.9rem;
}
.icon_head_play {
    background-image: url('/res/v4/pc/img/head_play.png');
    background-size: 3.68rem 0.96rem;
    width: 3.68rem;
    height: 0.96rem;
    margin-top: 0.8rem;
    cursor: pointer;
}
.icon_head_play:hover {
    border: 1px solid #fff;
}
.icon_studio_play {
    background-image: url('/res/v4/pc/img/icon_studio_play.png');
    background-size: 2.94rem 0.42rem;
    width: 2.94rem;
    height: 0.42rem;
    margin-top: 0.4rem;
    cursor: pointer;
}


.icon_btn_bg {background-image: url('/res/v4/pc/img/btn-bg.png');background-size:320px 70px;width: 320px;height: 70px;margin-top:30px;text-align: center;line-height: 70px;color:#fff;letter-spacing: 2px}
.icon_mac {background-image: url('/res/v4/pc/img/dl-mac-svg.svg');background-size:322px 304px;width:322px;height: 304px;margin-right:2.2rem;}
.icon_window {background-image: url('/res/v4/pc/img/dl-window-svg.svg');background-size:372px 304px;width:372px;height: 304px;margin-right:1.5rem;}
.download_pc {margin-top: 2.2rem;cursor: pointer;}
.head-bottom-content {width:752px;margin:0 auto;padding: 92px 0;}
.item-step-mark {width:50px;float: left;text-align: center;}
.item-step {width:110px;float: left;text-align: center;}
.item-step .item-step-title {font-size: 16px;color:#333;margin: 14.4px 0px;}
.item-step .item-step-desc {font-size: 16px;color:#666;line-height: 1.5em}
.page-title {text-align: center;color:#333;font-size:40px;font-family:"PingFangSC-Light"}
.hr-line-red {display: inline-block;width: 40px; height: 4px; background-color: #c55936;margin:35px 0px 15px 0px;}
.page2 .carousel-inner {margin-top: 0.5rem;}
.carousel-inner .item img {margin:0 auto;}
.carousel-desc {position: relative;margin-top:160px;color:#333;width:368px;font-size:18px;line-height: 26px;text-align: left;right:20px;}
.carousel-desc .item-title {font-size:32px;font-family:"PingFangSC-Medium";color:#333}
.carousel-desc .item-desc {line-height: 1.7em}
.page-tab ul {width:200px;margin:0 auto;list-style-type: none;margin-top:20px;padding-left:0}
.page-tab ul li {float:left;font-size:16px;width: 20%;margin-left:0}
.page-tab ul li span {display: inline-block;width: 10px;height: 8px;border-radius: 4px;background-color: #e2cac2;}
.page-tab ul li.sactive span {width: 30px;background-color:#c55936;}
.page3 {height: 830px;background: #ffffff;}
.page3 .carousel-inner {margin-top:30px;}
#myCarousel2 .carousel-inner .item img {margin:0 auto;width: 748px;}
.page4 {height: 820px;background: #eff0f3;}
.page4 .item-page {width:1340px;padding-top:60px;margin:0 auto;text-align: center;}
.page4 .item-page img { width:1120px;margin-top:60px;}
.page5 {height: 520px;background: #ffffff;}
.page5 .item-page {width:1340px;padding-top:70px;margin:0 auto;text-align: center;}
.page5 .item-page img { width: 896px;margin-top:70px;}
.page6 {height: 640px;background: #31343e;padding:132px 0 32px 0;}
.page6 .logon img {width:120px;height:120px;}
.page6 .logon-title {font-size: 24px;color: #fff;margin-top:20px;font-family:'PingFangSC-Light';letter-spacing: 1px;}
.link-youqing a {color:rgba(255,255,255,.6);}
.footer-content {padding-top:150px;width: 1048px;margin:0 auto;color:rgba(255,255,255,.6);letter-spacing: 0.9px;font-family:'PingFangSC-Light';}

.about-us {font-size: 14px;color: #fff;font-family:'PingFangSC-Light'; width:530px;margin:0 auto;margin-top:20px;}

.page-pc {height:19.5rem;background-color: #eff0f3;background-image: url('/res/v4/pc/img/bitmap.png');background-size: 100% 100%;position: relative;display: inline-block;background-repeat:no-repeat;width: 100%;}
.page-pc .pagecontent {width: 24.2rem;height:19.5rem; margin:0 auto;padding-top:4.5rem;}
.page-pc .pagecontent img {width:14.02rem;}
.page-pc .pagecontent .hr-line-red {display: block}

.page2 {background: #eff0f4;}
.item-page2 {width:1104px;height: 16rem;padding-top:60px;margin:0 auto;text-align: center;}
.page2 .item img {margin-left:3.85rem;width:512px;}

.fix-top .icon_weixin {background-image: url('/res/v4/pc/img/weixin_0.png');background-size:30px 30px;width: 30px;height: 30px;margin-top:-4px;}
.fix-top .icon_weibo {background-image: url('/res/v4/pc/img/weibo_0.png');background-size:30px 30px;width: 30px;height: 30px;margin-top:-4px;}
.fix-top .icon_weixin:hover {background-image: url('/res/v4/pc/img/weixin_1.png');background-size:30px 30px;width: 30px;height: 30px;margin-top:-4px;}
.fix-top .icon_weibo:hover {background-image: url('/res/v4/pc/img/weibo_1.png');background-size:30px 30px;width: 30px;height: 30px;margin-top:-4px;}
.channel-play {position: absolute;width: 100px;height: 130px;top:420px;left:625px;font-size:14px;color:#666;font-family:'PingFangSC-Regular';padding-top:98px;cursor: pointer;}

#container {
  overflow: hidden;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}
#background_video {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  height: 100%; width: 100%;
}
#video_cover {
  position: absolute;
  width: 100%; height: 100%;
  background: url('/res/v4/pc/img/video_cover.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
#container {
  height: 100%;
}
#overlay {
  position: absolute;
  top: 0; right: 0; left: 0; bottom: 0;
  background: rgba(0,0,0,0.24);
}

a.active {
    color: #bbb !important;
}